Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

CBAP Full Course 2026 [FREE] | CBAP Training For Beginnners | Business

🔥Data Analyst Masters Program (Discount ...

  2026/04/05

Create An App Without Coding | No-Code App Development | Code With AI

🔥AI-Powered Full Stack Developer Program...

  2026/04/05

Top 5 Cybersecurity Certifications 2026 | Best Cybersecurity Certifica

Security

🔥AI-Powered Cybersecurity Mastery - 🔥CE...

  2026/04/05

Higgsfield AI Tutorial For Beginners | How To Use Higgsfield AI | Higg

🔥Generative AI, Machine Learning, And In...

  2026/04/05

Machine Learning Engineer Full Course 2026 | Machine Learning Tutorial

study

This video on Machine Learning Engineer ...

  2026/04/05

Claude Code Basics In 45 Seconds | Learn Claude Code Basics | Claude T

"🔥Generative AI, Machine Learning, And I...

  2026/04/05

LLMs vs Libraries: A Python Developer's Dilemma

python

Download your free Python Cheat Sheet he...

  2026/04/03

Build real-time conversational voice agents with Gemini 3

With Gemini Live, devs can now communica...

  2026/04/03

What is Power BI? Explained in 60 Seconds 📊 | Turn Data into Insights

🔥 Advanced Power BI Certification Course...

  2026/04/03

AIガチ勢が選ぶ今最強のAIはコレ!Gemini・Claude・ChatGPTのそれぞれを徹底的に比較して解説します!

本日はGemini ChatGPT Claudeそれぞれで文章生成とアイデア出し...

  2026/04/03

How Quantum Instructions Work

python

Download your free Python Cheat Sheet he...

  2026/04/02

AIventure: Learning about vibe-coding, agents and Gen AI with Gemma 4

study

Learn how to create an AI-powered educat...

  2026/04/02

Building the Cloud Next demo (yet again) | Observable Flutter #87

flutter
cloud

It's that time of week again. Come watch...

  2026/04/02